@import './common';

.form-wrap{
	box-sizing:border-box; 
	padding:setSize(32) setSize(25) setSize(28);
	background-color: $subBgWin;

	.form-box{
		width: 100%;
		box-sizing:border-box;
		padding:setSize(28) setSize(34) setSize(28) setSize(49);
		background-color: $bgWin;
		border-radius:setSize(10);

		.img-box{
			width:setSize(68);
			height:setSize(68);
			box-shadow:setSize(0) setSize(3) setSize(7) setSize(0) rgba(0, 0, 0, 0.35);
			border-radius:50%;

			.img{
				display: block;
				width:100%;
				height:100%;
				border-radius:50%; 
			}
		}

		.title{
			margin-top: setSize(9);
			color: #8A8A8A;
			font-size: setSize(30);
		}
	}
}


.lists{

	.list-item{
		// color: #393939;
		font-size: setSize(28);

		.img-box{
			box-sizing:border-box;
			padding: setSize(30) setSize(30) setSize(20) setSize(38);

			.img{
				display: block;
				width: setSize(69);
				height: setSize(69);
				border-radius: 50%;
			}
		}
 
		.cont-box{
			position:relative;
			box-sizing:border-box;
			padding-top:setSize(20);
			padding-right:setSize(30);
			border-bottom:setSize(1) solid #131213;
			@include ellipsis;

			.title{
				box-sizing:border-box;
				padding-right:setSize(20);
				color: $mainColor;
				@include ellipsis;
			}

			.time{
				font-size: setSize(26);
				color: #ABABAB;
			}

			.text{
				@include ellipsis;
			}

			.dot{
				position: absolute;
				top: setSize(10);
				right:setSize(10);
				width: setSize(16);
				height: setSize(16);
				background-color:red;
				border-radius:50%;
			}
		}
	}
}